<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    body {
    width: 100%; /* 设置 body 宽度为整个视口宽度 */
    height: 100%; /* 设置 body 高度为整个视口高度 */
    background-image: url("https://sky.res.netease.com/pc/gw/20221215171426/img/bg_0040d9d.jpg");
    background-repeat: no-repeat;
    background-size: cover; /* 让背景图片填充整个背景区域 */
    background-position: center; /* 将背景图片置于背景区域中心 */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 20px;
    box-sizing: border-box;
}

    @font-face {
      font-family: "HYWenHei-55W";
      src: url("../../../resources/font/HYWenHei-55W.ttf");
    }

    .container {
    background: linear-gradient(120deg, rgba(134, 140, 143, 0.2), rgba(134, 140, 143, 0.2));
    border-radius: 20px;
    padding: 20px;
    width: 90%;
    max-width: 980px;
    text-align: center;
}

    h1 {
      color: white;
      font-size: 5em;
      font-family: "HYWenHei-55W", sans-serif;
    }

    p {
      color: white;
      font-size: 3em;
      font-family: "HYWenHei-55W", sans-serif;
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>关于{{botname}}</h1>
    <p>连续运行时间：{{runTime}}</p>
    <p>累计运行天数：{{timeDiff}}天</p>
    <p>框架信息：{{botimf}} v{{botversion}}</p>
    <p>{{botname}}平台：{{system}}</p>
    <p>插件数量：{{pluginsnb}} | JS数量：{{jsnb}}</p>
    <p>插件总数：{{pluginsnb+jsnb}}
    <p>主人QQ：{{masterQQ}}</p>
  </div>
</body>
</html>